<!--  -->
<template>
  <div v-for="item in images" class="imgs">
      <img :src="item" alt="" @load="imgLoad">
  </div>
</template>

<script>
export default {
  data () {
    return {
      count:0,
      imgLength:0
    }
  },
  props:{
      images:{
          type:Array,
          default() {
              return []
          }
      }
  },
  methods:{
    imgLoad() {
      if(++this.count === this.imgLength){
        this.$emit('imgLoad');
      }
    }
  },
  watch:{
    images() {
      this.imgLength = this.images.length;
    }
  }
}
</script>

<style  scoped>
    .imgs img {
        width: 100%;
    }
</style>
